import React , { Component } from 'react';

import Link  from './CustomLink';

import './Header.scss';
export default  class Header extends Component {
    constructor(){
        super();
    }
    onSubmit(e){

        return false;
    }
    render(){
        return(
            <div className="navbar">
                <div className="navbar-inner">
                    <div className="container">
                        <Link className="navbar-brand" to="/">
                            <img src="//o4j806krb.qnssl.com/public/images/cnodejs_light.svg" />
                        </Link>
                        <form className="pull-left" id="search_form" onSubmit={( e )=>this.onSubmit( e )}>
                            <input type="text" className="search-input" ref="searchInput"/>
                        </form>
                        <ul className="nav pull-right">
                            <li><Link to="/">首页</Link></li>
                            <li><Link to="/getstart">新手入门</Link></li>
                            <li><Link to="/api">API</Link></li>
                            <li><Link to="/about" target="">关于</Link></li>
                            <li><Link to="/signup">注册</Link></li>
                            <li><Link to="/signin">登录</Link></li>
                        </ul>
                    </div>
                </div>
            </div>
        )
    }
}